<template>
	<div class="top_index">
		<div class="fl">
			<router-link to="/project">
				<p class="project" :id="projects.id">{{projects.name}}</p>
			</router-link>
			
		</div>
		<div class="fr">
			<img src="../../../assets/Indeximg/ic_wode_kefu@2x.png" class="kf_img" />
		</div>
		<div class="clear"></div>
	</div>
</template>

<script>
	export default{
		name:'top',
		props:{
			projects:Object
		}
	}
</script>

<style>
	.top_index{
		width: 100%;
		padding-top: .25rem;
		margin: 0 auto .4rem;
	}
	.top_index .project{
		font-size: .4rem;
		background: url(../../../assets/Indeximg/ic_home_shaixuan@2x.png) no-repeat right bottom;
		padding-right: .3rem;
		background-size: .25rem;
		color: #333;
	}
	.top_index .kf_img{
		width: .4rem;
	}
</style>
